/* --- wichtige Farben -- */

/* Navigation */

/* Position */
.nav-primary {
  margin: 0;
  padding: 4em 0 0 0;
}

.nav-primary .nav-primary  { /* subnavi */
  margin: 0;
  padding: 0em 0 0 0;
}

.nav-primary .nav-primary li  {
   padding-left: 1em;
}

#mobilnavi .pure-drawer ul {
    padding-left: 0em;
    padding-top: 1em;
}
#mobilnavi .pure-drawer ul li {
    padding-top: 1em;
}

#mobilnavi .pure-drawer ul ul {
    padding-top: 0em;
    padding-left: 0em;
}

#mobilnavi .pure-drawer ul ul li {
    padding-top: 1em;
    /*border-bottom: 3px solid #fff; */

}

#mobilnavi .pure-drawer ul ul li:last-child {
    border-bottom: 3px solid #fff; 

}

#mobilnavi .pure-drawer ul ul ul li {
    padding-top: 0em; 

}

#mobilnavi .pure-drawer ul ul ul li:first-child {
    padding-top: 0em; 
    border-top: 3px solid #fff;

}

#mobilnavi .pure-drawer ul ul ul ul li:first-child {
    padding-top: 0em; 
    border-top: 1px solid #fff; 

}

#mobilnavi .pure-drawer ul ul ul ul li {
    padding-top: 0em; 
    border-top: none;
    border-bottom: none;

}

#mobilnavi .pure-drawer nav ul ul ul {
    padding-left: 0em;
    background-color: #2f52b0;
    
}

#mobilnavi nav ul ul ul  {
    padding-bottom: 0em;
}

/* Farbe */

#mobilnavi .pure-drawer { /* Hintergrund */
  background-color: #2f52b0 !important; 
}

#mobilnavi .nav-primary ul li a {
     color: #fff;
}

#mobilnavi .nav-primary ul li a:hover { /* liste hover */
    color: #fff;
    /*background-color: #a89027; */
    font-weight: bolder;
}

#mobilnavi .nav-primary ul li a:akive { /* liste hover */
    color: black;
    /*background-color: #a89027; */
    font-weight: bolder;
}

#mobilnavi .nav-primary ul li:first-child {
    border-top: none;
}

#mobilnavi .nav-primary .nav-primary ul li {
    border-bottom: 1px solid #fff; 
}

#mobilnavi .nav-primary ul li a {
    padding-left: 0em;
    font-size: 1.5em;
}

#mobilnavi .nav-primary nav ul ul li {
    padding-top: none;
}

#mobilnavi .nav-primary ul ul li {
    border-bottom: 1px solid #fff; 
}

#mobilnavi .nav-primary ul ul li a {
    padding-left: 0em;
    font-size: 1.2em;
    color:#b3c6f6;
}

#mobilnavi .nav-primary ul ul li a:hover {
    color:#fff;
}

/*
#mobilnavi ul ul ul li:nth-child(4){  
     border-bottom: 1px solid #fff;
    margin-bottom: none;
     } */

.nav-primary ul ul ul li {
    border-bottom: none; 
}

#mobilnavi .nav-primary ul ul ul li a {
    padding-left: 1em;
}
/*
#mobilnavi ul ul ul ul li:first-child { 
     border-top: none;
     } */

#mobilnavi .nav-primary ul ul ul ul li:first-child {  /*damit es im Typo3 offen beibt*/
     padding-top: none;
     } 

#mobilnavi .nav-primary ul ul ul ul li {  /*damit es im Typo3 offen beibt*/
     border-bottom: none;
     } 




/* --- Button --- */
/* Position */

.pure-toggle-label[data-toggle-label='left'] {
  left: 15px;
  right: auto; }

.pure-toggle-label[data-toggle-label='right'] {
  top: 1.2em;
  right: 0em;
  left: auto;}

.pure-toggle-label[data-toggle-label='top'] {
  left: 50%;
  -webkit-transform: translate3d(-50%, 0, 0);
  transform: translate3d(-50%, 0, 0); }

/* Farbe */

.pure-toggle-label .pure-toggle-icon, /* Button normalzustand Striche */
.pure-toggle-label .pure-toggle-icon:before,
.pure-toggle-label .pure-toggle-icon:after {
     background: black;
   }

.pure-toggle-label { /* Kreis normalzustand */
  color: transparent;
  border: 0px solid transparent;
  background-color: transparent;
  }

.pure-toggle[data-toggle='left']:checked ~ .pure-toggle-label[data-toggle-label='left'],
.pure-toggle[data-toggle='right']:checked ~ .pure-toggle-label[data-toggle-label='right'],
.pure-toggle[data-toggle='top']:checked ~ .pure-toggle-label[data-toggle-label='top'] {
  border-color: #fff;
  color: #fff; }

.pure-toggle:focus ~ .pure-toggle-label {
    border-color: #666;
    color: #666; 
}

.pure-toggle-label:hover { /* Button kreis hover */
    border-color: transparent;
    color: transparent; }

.pure-toggle-label:hover .pure-toggle-icon, /* Button Striche hover */
.pure-toggle-label:hover .pure-toggle-icon:before,
.pure-toggle-label:hover .pure-toggle-icon:after {
  background-color: #99a9d2 }
  

/* -------- */